<template>
    <div class="messageCenter view-body">
      <div class="top">
        <span class="name">当前位置:</span> 审核系统 > 所有审核
      </div>
      <div class="bottom">
        <div class="main">
          <table class="main-table">
            <tbody>
            <tr>
              <td>11111</td>
            </tr>
            <tr>
              <td>11111</td>
            </tr>
            <tr>
              <td>11111</td>
            </tr>
            <tr>
              <td>11111</td>
            </tr>
            <tr>
              <td>11111</td>
            </tr>
            </tbody>
          </table>
        </div>
      </div>
    </div>
</template>

<script>
    export default {
        name: "messageCenter"
    }
</script>

<style scoped lang="stylus">
  .messageCenter
    background #F6F6F6
    padding 16px 10px
    width calc(100% - 20px)
    height calc(100% - 32px)
    .top
      width 100%
      height 40px
      background #ffffff
      color #787878
      border-radius 6px
      line-height 40px
      .name
        padding-left: 20px
    .bottom
      height calc(100% - 56px)
      margin-top 16px
      width 100%
      background #ffffff
      border-radius 6px
      .main
        margin-top 20px
        padding 16px 10px 23px 10px
        .main-table
          width 100%
          padding-top 16px
          thead
            tr
              height 38px
              background #F3F5F7
              line-height 38px
              color #787878
              font-size 14px
          tbody
            tr
              height 38px
              color #787878
              font-size 14px
              cursor pointer
              &:nth-child(odd)
                background: #F3F5F7;
              &:nth-child(even)
                background: #ffffff;
              &:hover
                background #EBEBEB
              td
                text-align left
                height 38px
                line-height 38px
                padding-left 10px

</style>
